<!-- 2-22 体验课介绍   createBy @21-2-22-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>科学体验课介绍</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/courseRecommend.css">
</head>

<body>
    <div id="headerImg">
        <img src="./images/courseRecommend/lunbo.png">
        <div id="courseInfo">
            <h4>科学体验课</h4>
            <p>赠送科学实验大礼包</p>
            <div>
                <i>¥</i><span>49</span><strong>原价¥199</strong>
            </div>
        </div>
    </div>
    <div id="recommend">
        <!-- 课前须知 -->
        <div id="courseBefore" class="sameBox">
            <h4>课前须知</h4>
            <div class="paragraph">
                <div class="title">
                    <img src="./images/courseRecommend/yiwen.png">
                    <span>如何上课</span>
                </div>
                <p class="textCon">添加老师微信，老师全程为孩子专属辅导</p>
                <p class="textCon">下载“科学小伙伴”APP，课程内容在“APP-我的课程”中，课程内容在开课当日0点推送</p>
            </div>
            <div class="paragraph">
                <div class="title">
                    <img src="./images/courseRecommend/car.png">
                    <span>物流查询</span>
                </div>
                <p class="textCon">礼包将于购课后3-5个工作日，按订单的先后顺序发货，发货后可收到物流查询短信，或私信辅导老师咨询（物流速度不影响上课）</p>
            </div>
        </div>
        <!-- 课前详情 -->
        <div id="courseBeforeDetails" class="sameBox">
            <h4>课前详情</h4>
            <p class="textCon">
                科学芈盒是专注3-12岁儿童STEAM跨学科能力培养的教育品牌，匹配孩子性化成长需求，依据认知难度进阶规律，设计科学分级体系及能力提升规划，配备实验探究教具，激发好奇心、培养创造力</p>
            <div id="middleList">
                <div class="block">
                    <span>100</span>
                    <strong>分钟科学课堂</strong>
                </div>
                <div class="block">
                    <span>49</span>
                    <strong>件环保实验器材</strong>
                </div>
                <div class="block">
                    <span>1v1</span>
                    <strong>课后评估</strong>
                </div>
                <div class="block">
                    <div>
                        <span>24</span>
                        <strong>小时</strong>
                    </div>
                    <strong>专业科学老师答疑</strong>

                </div>
            </div>
            <img src="./images/courseRecommend/qq.png" alt="">
            <p class="textCon" style="margin-top: 10px;">内含实验材料包、实验服、护目镜、儿童手套、口罩、思维导图卡片、课程表、上课手册</p>
        </div>
        <!-- 课程特色 -->
        <div id="courseSpecial" class="sameBox">
            <h4>课程特色</h4>
            <ul>
                <li>
                    <span><i>智能互动</i></span>
                    <span>AI智能高频互动，多感官体验</span>
                </li>
                <li>
                    <span><i>进阶体系</i></span>
                    <span>3大进阶分级体系，能力跨学科成长</span>
                </li>
                <li>
                    <span><i>个性成长</i></span>
                    <span>启发式教学，鼓励独立解决问题</span>
                </li>
                <li>
                    <span><i>优质陪伴</i></span>
                    <span>专业老师全程伴学，保障知识能力连续拔高</span>
                </li>
                <li>
                    <span><i>趣玩乐学</i></span>
                    <span>儿童视角导入，AI特效场景，激发学习探究兴趣</span>
                </li>
            </ul>
            <h5>五大教育理念依据</h5>
            <img src="./images/courseRecommend/1.png" alt="">
        </div>
        <!-- 教学环节 -->
        <div id="teachLink" class="sameBox">
            <h4>教学环节</h4>
            <div class="link">
                <div class="title">
                    <span>1</span>
                    <p>小兔看世界</p>
                </div>
                <p class="textCon">趣味动画形式导入，符合儿童视觉，铁和儿童语言习惯，引出探究主题</p>
                <img src="./images/courseRecommend/img1.png" alt="">
            </div>
            <div class="link">
                <div class="title">
                    <span>2</span>
                    <p>小兔实验室</p>
                </div>
                <p class="textCon">AI互动实验，沉浸式场景体验，激发儿童探究兴趣</p>
                <img src="./images/courseRecommend/img2.png" alt="">
            </div>
            <div class="link">
                <div class="title">
                    <span>3</span>
                    <p>小兔大闯关</p>
                </div>
                <p class="textCon">智能互动练习，多感官理解吸收，强化巩固记忆</p>
                <img src="./images/courseRecommend/img3.png" alt="">
            </div>
            <div class="link">
                <div class="title">
                    <span>4</span>
                    <p>小兔爱分享</p>
                </div>
                <p class="textCon">分享展示探究成果，举一反三知识迁移</p>
                <img src="./images/courseRecommend/img3.png" alt="">
            </div>
            <div class="link">
                <div class="title">
                    <span>5</span>
                    <p>小兔来电了</p>
                </div>
                <p class="textCon">联系生活应用，知识拓展，发现问题解决问题</p>
                <img src="./images/courseRecommend/img5.png" alt="">
            </div>
            <div class="link">
                <div class="title">
                    <span>6</span>
                    <p>小兔动动脑</p>
                </div>
                <p class="textCon">原创思维导图知识卡，抽象知识图像化，锻炼逻辑推理思维</p>
                <img src="./images/courseRecommend/img6.png" alt="">
            </div>
        </div>
        <!-- 课程大纲 -->
        <div id="courseOutline" class="sameBox">
            <h4>课程大纲</h4>
            <img src="./images/courseRecommend/theme1.png" style="margin-bottom: 20px;" alt="">
            <img src="./images/courseRecommend/theme2.png" alt="">
        </div>
        <!-- 5E探究式教学法 -->
        <div id="fiveE" class="sameBox">
            <h4>5E探究式教学法</h4>
            <ul>
                <li>
                    <i style="background: #FFEFCD url(./images/courseRecommend/deng.png) no-repeat 50% 50%/60%;"></i>
                    <span>引入</span>
                    <strong>动画故事 引出问题</strong>
                </li>
                <li>
                    <i style="background: #FFEFCD url(./images/courseRecommend/science.png) no-repeat 50% 50%/60%;"></i>
                    <span>探究</span>
                    <strong>互动实验 寻找答案</strong>
                </li>
                <li>
                    <i style="background: #FFEFCD url(./images/courseRecommend/taolun.png) no-repeat 50% 50%/60%;"></i>
                    <span>解释</span>
                    <strong>动画形式 解析原理</strong>
                </li>
                <li>
                    <i style="background: #FFEFCD url(./images/courseRecommend/shenghuo.png) no-repeat 50% 50%/60%;"></i>
                    <span>迁移</span>
                    <strong>联系生活 融会贯通</strong>
                </li>
                <li>
                    <i style="background: #FFEFCD url(./images/courseRecommend/dianzan.png) no-repeat 50% 50%/60%;"></i>
                    <span>评价</span>
                    <strong>探讨交流 反思提升</strong>
                </li>
            </ul>
        </div>
        <!-- 分阶课程体系 -->
        <div id="FenJie" class="sameBox">
            <h4>分阶课程体系</h4>
            <img src="./images/courseRecommend/fenjie.png">
        </div>
        <!-- 配套环保教具 -->
        <div id="teachTool" class="sameBox">
            <h4>配套环保教具</h4>
            <p class="textCon" style="color: #333333;
            font-weight: bold;">配套实验器材及思维导图知识卡</p>
            <p class="textCon">根据实验主题配备独立材料包，原创思维导图卡片帮助孩子建立逻辑思维</p>
            <img src="./images/courseRecommend/ba.png" alt="">
            <p class="textCon" style="color: #333333;
            font-weight: bold;">配套安全实验穿搭</p>
            <p class="textCon">根据实验主题配备独立材料包，原创思维导图卡片帮助孩子建立逻辑思维</p>
            <img src="./images/courseRecommend/qq.png" alt="">
        </div>
        <!-- 常见问题 -->
        <div id="oftenProblem" class="sameBox">
            <h4>常见问题</h4>
            <ul>
                <li><p class="textCon" style="color:#333;font-weight: bold;">如何上课？</p></li>
                <li><p class="textCon">购课后下载“科学小伙伴”APP，进入“我的课程”进行课程学习</p></li>
                <li><p class="textCon" style="color:#333;font-weight: bold;">如何查询实验礼包物流？</p></li>
                <li><p class="textCon">随材礼包于购课后3-5个人工作日寄送，寄送后发送物流
                    短信通知</p></li>
                <li><p class="textCon" style="color:#333;font-weight: bold;">购买后可以退费吗？</p></li>
                <li><p class="textCon">本课程一经售出，立即开通上课权限，并寄送配套材料，
                    由于在线课程的特殊性质，购买成功后不接受退费</p></li>
            </ul>
        </div>
    </div>
    <div id="buyBtn">
        <button>立即购买</button>
    </div>
</body>

</html>